:root {
  /* 标题 */
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(
    135deg,
    #123597 1%,
    #80b3ff 30%,
    #2966cc 70%,
    #123597 100%
  );

  /* 图标背景 */
  --vp-home-hero-image-background-image: linear-gradient(
    45deg,
    #80b3ff 30%,
    #2966cc 60%,
    #123597 90%
  );
  --vp-home-hero-image-filter: blur(72px);

  /* brand按钮 */
  --vp-button-brand-border: #2966cc;
  --vp-button-brand-text: #fff;
  --vp-button-brand-bg: #2966cc;

  --vp-button-brand-hover-border: #2966cc;
  --vp-button-brand-hover-text: #fff;
  --vp-button-brand-hover-bg: #123597;

  --vp-button-brand-active-border: #2966cc;
  --vp-button-brand-active-bg: #022751;

  /* 主题基色 */
  --vp-c-brand: #2966cc;
  --vp-c-brand-light: #123597;
  --vp-c-brand-dark: #2966cc;

  /* 代码块颜色 */
  --vp-code-block-bg: #f5f7fa;
}

:root.dark {
  --vp-code-block-bg: #161618;
}
